<template>
    <div>
        <el-table :data="tableData" style="width: 100%;height: 280px;border-radius: 20px;">
            <el-table-column fixed prop="date" label="名称" width="150" />
            <el-table-column prop="name" label="主题id" width="150" />
            <el-table-column prop="type" label="类型" width="150" />
            <el-table-column prop="num" label="商品数" width="150" />
            <el-table-column prop="totalnum" label="总订单数" width="150" />
            <el-table-column prop="GMV" label="今日GMV" width="150" />
            <el-table-column prop="state" label="状态" width="180" />
            <el-table-column fixed="right" label="操作" min-width="150">
                <template #default>
                    <el-button link type="primary" size="small" @click="handleClick">
                        Detail
                    </el-button>
                    <el-button link type="primary" size="small">Edit</el-button>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>

<script setup lang="ts">
const handleClick = () => {
    console.log('click')
}

const tableData = [
    {
        date: '限时秒杀',
        name: '5id',
        type: '内部连接',
        num: '47',
        totalnum: '291',
        GMV: '2596',
        state: '已上线'
    },
    {
        date: '限时秒杀',
        name: '8id',
        type: '内部连接',
        num: '65',
        totalnum: '233',
        GMV: '240',
        state: '已下线'
    },
    {
        date: '限时秒杀',
        name: '5id',
        type: '内部连接',
        num: '47',
        totalnum: '291',
        GMV: '2596',
        state: '已上线'
    },
    {
        date: '限时秒杀',
        name: '8id',
        type: '内部连接',
        num: '65',
        totalnum: '233',
        GMV: '240',
        state: '已上线'
    },
    {
        date: '限时秒杀',
        name: '5id',
        type: '内部连接',
        num: '47',
        totalnum: '291',
        GMV: '2596',
        state: '已上线'
    },
    {
        date: '限时秒杀',
        name: '8id',
        type: '内部连接',
        num: '65',
        totalnum: '233',
        GMV: '240',
        state: '已上线'
    },
]
</script>

<style scoped></style>
